<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>墨阅支付</title>
    <link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/moyue/css/all.css}"  rel="stylesheet">
    <link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
<body>
<div class="pay-nav">
    <div class="pay-nav-head">
        <a th:href="@{/moyue/user/index}">墨阅小说网</a>
        <span>- 充值中心</span>
    </div>
</div>
<div class="pay-table">
    <div class="pay-table-a">
        <div class="table-a-polo">
            <h6>账号</h6>
            <p>
                <i class="iconfont">&#xe66a;</i>
                <span th:text="${session.user.userName}"></span>
            </p>
        </div>
        <div class="table-a-way">
            <h6>充值方式</h6>
            <div class="table-a-way-b">
                <span>支付宝</span>
                <i class="iconfont">&#xe602;</i>
            </div>
        </div>
        <div class="table-a-num">
            <h6>充值金额</h6>
            <div class="table-a-num-j j-red" id="table1" onclick="color($('#table1'),$('#table1 .tablespan').text())">
                ￥<span class="tablespan">10</span>
                <span>(1000墨阅币)</span>
                <i class="iconfont">&#xe602;</i>
            </div>
            <div class="table-a-num-j"id="table2" onclick="color($('#table2'),$('#table2 .tablespan').text())">
                ￥<span class="tablespan">20</span>
                <span>(2000墨阅币)</span>
                <i class="iconfont">&#xe602;</i>
            </div>
            <div class="table-a-num-j" id="table3" onclick="color($('#table3'),$('#table3 .tablespan').text())">
                ￥<span class="tablespan">30</span>
                <span>(3000墨阅币)</span>
                <i class="iconfont">&#xe602;</i>
            </div>
            <div class="table-a-num-j" id="table4" onclick="color($('#table4'),$('#table4 .tablespan').text())">
                ￥<span class="tablespan">50</span>
                <span>(5000墨阅币)</span>
                <i class="iconfont">&#xe602;</i>
            </div>
            <div class="table-a-num-j " id="table5" onclick="color($('#table5'),$('#table5 .tablespan').text())">
                ￥<span class="tablespan">100</span>
                <span>(10000墨阅币)</span>
                <i class="iconfont">&#xe602;</i>
            </div>
            <div class="table-a-num-j " id="table6" onclick="color($('#table6'),$('#table6 .tablespan').text())">
                其他金额 ￥
                <input placeholder="输入金额" maxlength="5" id="mypay" onkeyup="mypay()">
                (<span class="tablespan">0</span><span>墨阅币</span>)
                <i class="iconfont">&#xe602;</i>
            </div>
        </div>
        <!--<div class="pay-button">-->
            <!--<div class="pay-button-s ">-->
                <!--立即支付￥<span class="pay">10</span>元-->
            <!--</div>-->
        <!--</div>-->
        <form th:action="@{/moyue/user/pay}" method=post>
            <input type="text" name="WIDsubject" id="pay-name"/>
            <input type="text" name="WIDtotal_amount" id="pay-num"/>
            <input type="text" name="WIDbody" id="pay-body" value=""/>
            <input type="submit" id="pay-mon" class="pay-button-s " >
        </form>

    </div>
</div>
</body>
<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/moyue/js/all.js}"></script>
</html>